<template>
	<div id="ZheXianTu01"></div>
</template>

<script setup>
import { onMounted } from 'vue'
import { Line } from '@antv/g2plot'

const data = [
	{ lineName: '产废口1', finish: 38},
	{ lineName: '产废口2', finish: 25},
	{ lineName: '产废口3', finish: 30},
	{ lineName: '产废口4', finish: 25},
	{ lineName: '产废口5', finish: 30},
	{ lineName: '产废口6', finish: 20},
]

onMounted(() => {

			const line = new Line('ZheXianTu01', {
				data,
				padding: 'auto',
				xField: 'lineName',
				yField: 'finish',
				xAxis: {
					// type: 'timeCat',
					tickCount: 5
				}
			})
			line.render()
		})
</script>

<style scoped></style>
